// nav js jq 
// 购物车 效果:颜色 显示  动画  鼠标离开
$('a.shopping-cart').hover(function () {
    $(this).css('background', 'white')
    $('.nav-alert').stop().slideDown(400);
}, function () {
    $(this).css('background', '#424242')
    $('.nav-alert').stop().slideUp(400);
});




//  header 搜索栏效果
$('.search-text').click(function(ev){
    //   阻止冒泡
    ev.stopPropagation();
    $('.search-word').fadeOut(100);
    $('.header-search').css('border-color', '#ff6700');
    $('#search-btn').css('border-color', '#ff6700');
    $('.search-list').show();
});

$(document).click(function () {
    $('.search-word').fadeIn(100);
    $('.search-list').hide();
});


//   jq 小米手机下弹手机列表 鼠标进入  
$('.header-ul li').each(function () {
    $('.header-ul li').mouseover(function(){
        
        $('ul.header-alert-ul').stop().slideDown(200);
        $('div.header-alert').stop().slideDown(200);
    });
// 鼠标离开
   $('.header-ul li').mouseout(function () {
        $('ul.header-alert-ul').stop().slideUp(200);
        $('div.header-alert').stop().slideUp(200);
    });
});

// 进入下拉框停止动画
    $('ul.header-alert-ul').mouseover(function () {
        $('ul.header-alert-ul').stop();
        $('div.header-alert').stop();
    })
// 离开下拉框 手机列表消失
    $('ul.header-alert-ul').mouseout(function () {
        $('ul.header-alert-ul').stop().slideUp(400);
        $('div.header-alert').stop().slideUp(400);
    })



// 最上面 小米 红米  内容切换
$('ul.header-ul li').each(function(index){
    $('ul.header-ul li').eq(index).mouseover(function(){
    $('.header-alert-ul').find('div.container').eq(index).show().siblings().hide();

      if (index>6){
          $('ul.header-alert-ul').stop().hide();
          $('div.header-alert').stop().hide();     
        }
    });
});


// 大轮播图 jq
function prevImg(){
         index = index == 0 ? $('ul.img-list li').length-1 : index-1;
         showImg()
}
function nextImg(){
      index =  index ==  $('ul.img-list li').length-1 ? 0  : index+1;
      showImg()
}

 var index = 0;
function showImg(){
    $('ul.img-list li').eq(index).stop().fadeIn(400).siblings().stop().fadeOut(400);
    $('ul.indicator li').eq(index).addClass('active').siblings().removeClass('active');
}
var timer = setInterval(nextImg,2000);

$('div.container-lunbo').hover(function(){
    clearInterval(timer);
},function(){
    timer = setInterval(nextImg,2000);
    // nextImg()
});
    
// 大轮播   放到 prev next 时背景色改变
$('div.img-click span').hover(function(){
    $('div.img-click span').css('background',' rgba(0, 0, 0, 0.6)')

},function(){
     $('div.img-click span').css('background',' rgba(0, 0, 0, 0)')
});
//  大轮播  指示灯 点击显示
$('ul.indicator li').click(function(){
    index = $(this).index();
      showImg()
});
$('.prev').click(function(){
    prevImg()
});

$('.next').click(function(){
    nextImg()
});

// 大轮播 左边 选项菜单 jq
$('ul.item-list li').each(function(index){
    $('ul.item-list li').eq(index).mouseover(function(){
        $('.father-big').find('section.father-children').eq(index).show().siblings().hide();
     });
    $('ul.item-list li').eq(index).mouseout(function(){
        $('.father-big').find('section.father-children').eq(index).hide();
     });
});

$('section.father-children').hover(function(){
   $(this).show();
  
},function(){
    $(this).hide();
});

// 小米明星单品 轮播   jq
var left = 0;
function shchange(){
   $('ul.shouhuan-lunbo').animate({left:(left+'px')},500)
//    .delay(5000);
}
function change(){
    if(left == 0){
        left = -1240;
    }else{
        left=0;
    }
    shchange()
    jinzhi()
}
 var timer2 = setInterval(change,3000);
function firstImg(){
     left = 0;
     shchange();
}
function secondImg(){
    left = -1240;
    shchange();
}
 $('#first-prev').click(function(){
       firstImg()
       jinzhi();
    });
$('#second-next').click(function(){
        secondImg()
        jinzhi();
    });

// 改变 opacity 禁止点击 效果
function jinzhi(){
    if (left==0) {
        $('#first-prev').addClass('first-Rprev')
        $('#second-next').removeClass('first-Rprev')
        // 禁止点击时 进入左右 背景色 透明度
        $('#first-prev').mouseover(function(){
            $('#first-prev').css('color','black','opacity','0.3')
        })

    } else{
         $('#second-next').addClass('first-Rprev')
         $('#first-prev').removeClass('first-Rprev')
           // 禁止点击时 进入左右 背景色 透明度
           $('#second-next').mouseover(function(){
            $('#second-next').css('color','black','opacity','0.3')
        })
    }
}

// 鼠标进入左 / 右 变色
 $('#first-prev').hover(function(){
     $('#first-prev').css('color','#ff6700')
    
    },function(){
    $('#first-prev').css('color','black') 
    });
$('#second-next').hover(function(){
     $('#second-next').css('color','#ff6700')
    
    },function(){
    $('#second-next').css('color','black') 
    });

//小米明星单品  鼠标悬停左右停止轮播
 $('.h2-Rprev').hover(function(){
      clearInterval(timer2);
 },function(){
     timer2 = setInterval(change,3000);
 })


//  家电 版面 切换
$('ul.tab-list li').each(function(index){
    $('ul.tab-list li').eq(index).mouseover(function(){
         $('.tab-list').find('li').eq(index).addClass('tab-list-span').siblings().removeClass('tab-list-span')
        // 切换内容
       $('div.qiehuan-jiadian').find('ul.jiadian-ul').eq(index).addClass('jiadian-ul-block')
       .siblings().removeClass('jiadian-ul-block')
    })

})


//   为你推荐 切换4版 jq  
var test=0;
  function bianhua(){
      $('.siban-lunbo-father').css('left',-1240*test);
  }
    function shangImg(){
        
         test = test <= 0 ? 0 : test - 1;
         bianhua()
         jinzhi2()
    }
    function xiaImg(){
         test = test >= 3 ?  3 : test + 1;
         bianhua()
         jinzhi2()
    }
    
    $('#left-prev').click(function(ev){
        console.log(ev.target)
        shangImg()
    });
     $('#right-next').click(function(ev){
        console.log(ev.target)
        xiaImg()
    });


    function jinzhi2(){
    if (test == 0) {
        $('#left-prev').removeClass('first-Rprev')
        //  $('#right-next').addClass('first-Rprev')
        // $('#right-next').Class('first-Rprev')
        // $('right-next').removeClass('first-Rprev')
        // 禁止点击时 进入左右 背景色 透明度
        // $('#first-prev').mouseover(function(){
        //     $('#first-prev').css('color','black','opacity','0.3')
        // })

    } else{
        //   $('#left-prev').addClass('first-Rprev')
        //  $('#right-next').addClass('first-Rprev')
        //  $('#first-prev').removeClass('first-Rprev')
           // 禁止点击时 进入左右 背景色 透明度
        //    $('#second-next').mouseover(function(){
            // $('#second-next').css('color','black','opacity','0.3')
        // })
    }
}



//  内容 4个小轮播切换


// 小轮播1
var counts=0;
function qiehuan(){
    $('div.miui-qiehuan-box').animate({left:-296*counts},500);
    $('ul.miui-wrapper').find('li').eq(counts).addClass('miui-wrapper-orange')
    .siblings().removeClass('miui-wrapper-orange');

}


function upperImg(){
    // counts=2;
    counts = counts <=0 ? 0 :counts - 1;
    qiehuan();
  
};
function lowerImg(){
    counts = counts >= 3 ? 3 :counts + 1;
    qiehuan();
    
};

  $('#miui-prev').click(function(ev){
        upperImg();
        console.log(ev.target)
  });
 $('#miui-next').click(function(ev){

        lowerImg()
        console.log(ev.target);
  });

  $('ul.miui-wrapper').find('li').click(function(){
       counts = $(this).index();
       qiehuan();
  })

    $('#miui-prev').hover(function(){
     $('#miui-prev').css('opacity','0.9')
  },function(){
      $('#miui-prev').css('opacity','0.3')
  }); 
    

   $('#miui-next').hover(function(){
     $('#miui-next').css('opacity','0.9')
  },function(){
      $('#miui-next').css('opacity','0.3')
  }); 
    


// 小轮播2
var counts2=0;
function qiehuan2(){
    $('div.miui-qiehuan-box2').animate({left:-296*counts2},500);
    $('ul.miui-wrapper2').find('li').eq(counts2).addClass('miui-wrapper-orange')
    .siblings().removeClass('miui-wrapper-orange');
}

function upperImg2(){
    counts2 = counts2 <=0 ? 0 :counts2 - 1;
    qiehuan2();
};
function lowerImg2(){
    counts2 = counts2 >= 3 ? 3 :counts2 + 1;
    qiehuan2();
};

  $('#miui-prev2').click(function(ev){
        upperImg2();
        console.log(ev.target)
  });
 $('#miui-next2').click(function(ev){
        lowerImg2()
        console.log(ev.target);
  });

  $('ul.miui-wrapper2').find('li').click(function(){
       counts2 = $(this).index();
       qiehuan2();
  })
 

    $('#miui-prev2').hover(function(){
     $('#miui-prev2').css('opacity','0.9')
  },function(){
      $('#miui-prev2').css('opacity','0.3')
  }); 
    

   $('#miui-next2').hover(function(){
     $('#miui-next2').css('opacity','0.9')
  },function(){
      $('#miui-next2').css('opacity','0.3')
  }); 
    

  
// 小轮播3
var counts3=0;
function qiehuan3(){
    $('div.miui-qiehuan-box3').animate({left:-296*counts3},500);
    $('ul.miui-wrapper3').find('li').eq(counts3).addClass('miui-wrapper-orange')
    .siblings().removeClass('miui-wrapper-orange');
}

function upperImg3(){
    counts3 = counts3 <=0 ? 0 :counts3 - 1;
    qiehuan3();
};
function lowerImg3(){
    counts3 = counts3 >= 3 ? 3 :counts3 + 1;
    qiehuan3();
};

  $('#miui-prev3').click(function(ev){
        upperImg3();
  });
 $('#miui-next3').click(function(ev){
        lowerImg3()
  });

  $('ul.miui-wrapper3').find('li').click(function(){
       counts3 = $(this).index();
       qiehuan3();
  })
  
  
    $('#miui-prev3').hover(function(){
     $('#miui-prev3').css('opacity','0.9')
  },function(){
      $('#miui-prev3').css('opacity','0.3')
  }); 
    

   $('#miui-next3').hover(function(){
     $('#miui-next3').css('opacity','0.9')
  },function(){
      $('#miui-next3').css('opacity','0.3')
  }); 
    

// 小轮播4
  var counts4=0;
function qiehuan4(){
    $('div.miui-qiehuan-box4').animate({left:-296*counts4},500);
    $('ul.miui-wrapper4').find('li').eq(counts4).addClass('miui-wrapper-orange')
     .siblings().removeClass('miui-wrapper-orange');

}

function upperImg4(){
    counts4 = counts4 <=0 ? 0 :counts4 - 1;
    qiehuan4();
};
function lowerImg4(){
    counts4 = counts4 >= 3 ? 3 :counts4 + 1;
    qiehuan4();
};

  $('#miui-prev4').click(function(ev){
        upperImg4();
  });
 $('#miui-next4').click(function(ev){
        lowerImg4()
  });

  $('ul.miui-wrapper4').find('li').click(function(){
       counts4 = $(this).index();
       qiehuan4();
  })
    
    $('#miui-prev4').hover(function(){
     $('#miui-prev4').css('opacity','0.9')
  },function(){
      $('#miui-prev4').css('opacity','0.3')
  }); 
    

   $('#miui-next4').hover(function(){
     $('#miui-next4').css('opacity','0.9')
  },function(){
      $('#miui-next4').css('opacity','0.3')
  }); 
    
